<template>
  <div class="FriendshipCommunity">
    <p class="FriendshipCommunity_title">友情社区</p>
    <ul class="FriendshipCommunity_ul">
      <li>
        <a href="https://ruby-china.org/" target="_blank">
          <img
            src="https://static2.cnodejs.org/public/images/ruby-china-20150529.png"
            alt=""
        /></a>
      </li>
      <li>
        <a href="http://golangtc.com/" target="_blank">
          <img
            src="https://static2.cnodejs.org/public/images/golangtc-logo.png
"
            alt=""
        /></a>
      </li>
      <li>
        <a href="http://phphub.org/" target="_blank">
          <img
            src="https://static2.cnodejs.org/public/images/phphub-logo.png"
            alt=""
        /></a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style>
.FriendshipCommunity {
  width: 290px;
  background: #ffffff;
  border-radius: 3px;
  margin-bottom: 13px;
}
.FriendshipCommunity_title {
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  background: #f5f5f5;
  margin-bottom: 14px;
  font-size: 14px;
  color: #444;
}
.FriendshipCommunity_ul {
  list-style: none;
}
.FriendshipCommunity_ul li img {
  width: 150px;
  margin-left: 10px;
  margin-bottom: 10px;
}
</style>